<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="test">测试按钮</button>
		
		<script src="js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/* window.onload = function() {
				
			} */
			/* $(function() {
				
			}); */
			layer.ready(function() {
				// layer.msg('Hello Layer!');
				// layer.msg('Hello Layer', {time : 5000});
				/* layer.open({
					type: 0,
					content: '弹出的内容'
				}); */
				/* layer.open({
					type: 1,
					content: '弹出的内容'
				}); */
				/* layer.open({
					type: 2,
					content: 'http://www.baidu.com'
				}); */
				/* layer.open({
					type: 3
				}); */
				/* layer.open({
					type: 4,
					content: ['学习Layer', '#test']
				}); */
				
				/* layer.open({
					type : 0,
					btn : ['按钮1', '按钮2', '按钮3'],
					yes : function(index) {
						console.log('点击了第一个按钮');
						// 手动关掉
						layer.close(index);
					},
					btn2 : function() {
						console.log('点击了第二个按钮');
						return false;
					},
					btn3 : function() {
						console.log('点击了第三个按钮');
					}
				}); */
				
				
				
			});
			
			$('#test').click(function() {
				/* layer.open({
					type: 4,
					content: ['学习Layer', '#test']
				}); */
				
				/* layer.alert(
					'这是一个警告',
					{icon : 2},
					function(index) {
						console.log('alert');
						layer.close(index);
					}
				); */
				
				layer.confirm(
					'您确认要删除么?',
					{icon : 3, title : '提示'},
					function(index) {
						console.log('confirm');
						layer.close(index);
					}
				);
				
				
			});
			
		</script>
	</body>
</html>
